<template>
    <div class="home">
        <HelloWorld class="dot-helloworld" msg="Welcome to Your Mand Mobile"/>
        <md-button type="primary" @click="goDemoIndex()">跳转demoIndex</md-button>
        <md-button type="primary" @click="goPdfNoPage()">跳转pdfNoPage</md-button>
        <md-button type="primary" @click="goAbout()">about</md-button>
        <md-input-item ref="input0" title="普通文本" placeholder="普通文本"></md-input-item>
        <img src="https://www.baidu.com/assets/icon/svgs/target1.png">
        <i class="iconfont icon-bank-102"></i>
        <!--<svg>-->
        <!--<use xlink:href="#icon-target"/>-->
        <!--</svg>-->
    </div>
</template>

<script>
  // @ is an alias to /src
  import HelloWorld from '@/components/HelloWorld.vue'
  import '@/assets/icon/svgs/target.svg'
  import {
    Button ,
    InputItem
  } from 'mand-mobile'

  export default {
    name : 'home' ,
    components : {
      HelloWorld ,
      'md-button' : Button ,
      'md-input-item' : InputItem ,
    } ,
    data () {
      return {}
    } ,
    mounted () {

    } ,
    methods : {
      goDemoIndex () {
        this.$router.push ( '/demoIndex' )
      } ,
      goPdfNoPage () {
        this.$router.push ( '/pdfNopage' )
      } ,
      goAbout () {
        this.$router.push ( '/about' )
      } ,
    }
  }
</script>

<style lang="less" scoped>
    img {
        color: red;
    }
</style>
